'use strict';

var _interopRequireDefault = require('@babel/runtime/helpers/interopRequireDefault');

var _defineProperty2 = _interopRequireDefault(
  require('@babel/runtime/helpers/defineProperty'),
);

(function (root, factory) {
  factory(exports, require('echarts/lib/echarts'));
})(void 0, function (exports, echarts) {
  var log = function log(msg) {
    if (typeof console !== 'undefined') {
      console && console.error && console.error(msg);
    }
  };

  if (!echarts) {
    log('ECharts is not Loaded');
    return;
  }

  var colorPalette = [
    '#2ec7c9',
    '#b6a2de',
    '#5ab1ef',
    '#ffb980',
    '#d87a80',
    '#8d98b3',
    '#e5cf0d',
    '#97b552',
    '#95706d',
    '#dc69aa',
    '#07a2a4',
    '#9a7fd1',
    '#588dd5',
    '#f5994e',
    '#c05050',
    '#59678c',
    '#c9ab00',
    '#7eb00a',
    '#6f5553',
    '#c14089',
  ];
  var theme = (0, _defineProperty2['default'])(
    {
      color: colorPalette,
      title: {
        left: 'center',
        textStyle: {
          fontWeight: 'normal',
          color: '#008acd',
        },
      },
      visualMap: {
        itemWidth: 15,
        color: ['#5ab1ef', '#e0ffff'],
      },
      toolbox: {
        iconStyle: {
          normal: {
            borderColor: colorPalette[0],
          },
        },
      },
      tooltip: {
        backgroundColor: 'rgba(50,50,50,0.5)',
        axisPointer: {
          type: 'line',
          lineStyle: {
            color: '#008acd',
          },
          crossStyle: {
            color: '#008acd',
          },
          shadowStyle: {
            color: 'rgba(200,200,200,0.2)',
          },
        },
      },
      dataZoom: {
        dataBackgroundColor: '#efefff',
        fillerColor: 'rgba(182,162,222,0.2)',
        handleColor: '#008acd',
      },
      grid: {
        borderColor: '#eee',
      },
      categoryAxis: {
        axisLine: {
          lineStyle: {
            color: '#008acd',
          },
        },
        splitLine: {
          lineStyle: {
            color: ['#eee'],
          },
        },
      },
      valueAxis: {
        axisLine: {
          lineStyle: {
            color: '#008acd',
          },
        },
        splitArea: {
          show: true,
          areaStyle: {
            color: ['rgba(250,250,250,0.1)', 'rgba(200,200,200,0.1)'],
          },
        },
        splitLine: {
          lineStyle: {
            color: ['#eee'],
          },
        },
      },
      timeline: {
        lineStyle: {
          color: '#008acd',
        },
        controlStyle: {
          normal: {
            color: '#008acd',
          },
          emphasis: {
            color: '#008acd',
          },
        },
        symbol: 'emptyCircle',
        symbolSize: 3,
      },
      line: {
        smooth: true,
        symbol: 'emptyCircle',
        symbolSize: 3,
      },
      candlestick: {
        itemStyle: {
          normal: {
            color: '#d87a80',
            color0: '#2ec7c9',
            lineStyle: {
              color: '#d87a80',
              color0: '#2ec7c9',
            },
          },
        },
      },
      scatter: {
        symbol: 'circle',
        symbolSize: 4,
      },
      map: {
        label: {
          normal: {
            textStyle: {
              color: '#d87a80',
            },
          },
        },
        itemStyle: {
          normal: {
            borderColor: '#eee',
            areaColor: '#ddd',
          },
          emphasis: {
            areaColor: '#fe994e',
          },
        },
      },
      graph: {
        color: colorPalette,
      },
      gauge: {
        axisLine: {
          lineStyle: {
            color: [
              [0.2, '#2ec7c9'],
              [0.8, '#5ab1ef'],
              [1, '#d87a80'],
            ],
            width: 10,
          },
        },
        axisTick: {
          splitNumber: 10,
          length: 15,
          lineStyle: {
            color: 'auto',
          },
        },
        splitLine: {
          length: 22,
          lineStyle: {
            color: 'auto',
          },
        },
        pointer: {
          width: 5,
        },
      },
    },
    'grid',
    {
      top: 45,
      left: 30,
      right: 30,
      bottom: 10,
      containLabel: true,
    },
  );
  echarts.registerTheme('macarons', theme);
});
